.Home {
  .list();
  padding: 16px;
  .homeNavItem {
    box-shadow: 0 2px 4px 2px var(--adm-color-light);
    box-shadow: @app-box-shadow-heavy;
    margin-bottom: 16px;
    .title {
      flex: 1;
    }
    .header {
      padding: 8px 0px;
      :global {
        .adm-card-header-title {
          flex: 1;
        }
      }
      &.note, &.todo {
        color: var(--adm-color-primary);
      }
      &.review {
        color: var(--adm-color-weak);
      }
      &.note, &.review {
        white-space: pre-wrap;
      }
    }
    .addNoteIcon, .addTodoIcon {
      color: var(--adm-color-primary);
      cursor: pointer;
    }
  }
}

.mailInfo:hover {
  color: var(--td-brand-color-5);
  cursor: pointer;
}

.mailAnnex {
  width: 132px;
  overflow: auto;
  img {
    width: 100%;
  }
}

.mailOperationButtonRow, .tongtoolOperationButtonRow {
  display: flex;
}

.mailOperationButtonRow {
  margin-top: 12px;
}
